@charset "UTF-8";

/*导入的mixin 样式*/

* { margin: 0; padding: 0; border: 0; outline: none; box-sizing: border-box; }



html, body { height: 100%; width: 100%; font-size: 625%;  }



body { width: 100%; height: 100%; font-family: sans-serif; }



body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption { padding: 0; margin: 0; list-style: none; font-style: normal; text-decoration: none; border: none; color: #333; font-size: 0.14rem; font-weight: normal; font-family: "Microsoft Yahei"; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; outline: 0; }

body:hover, div:hover, span:hover, header:hover, footer:hover, nav:hover, section:hover, aside:hover, article:hover, ul:hover, dl:hover, dt:hover, dd:hover, li:hover, a:hover, p:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, i:hover, b:hover, textarea:hover, button:hover, input:hover, select:hover, figure:hover, figcaption:hover { outline: none; text-decoration: none; }



.marginT15 { margin-top: 0.15rem; }



.marginT30 { margin-top: 0.3rem; }

.rt{ float:right;}



/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar { width: 0; height: 0; background-color: #F5F5F5; }



/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0); border-radius: 10px; background-color: #F5F5F5; }



/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; }



input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] { -webkit-appearance: none; }



textarea { -webkit-appearance: none; }



.clearf { overflow: auto; }



.clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }



.clearfloat { zoom: 1; }



.back_img { background-repeat: no-repeat; background-size: 100% 100%; }



.margin { margin: 0 auto; }



.left { float: left; }



.right { float: right; }



.hide { display: none; }



.show { display: block; }



.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



/*单行溢出*/

.overElli { width: 100%; height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



/*  多行溢出 */

.overMoreElli { display: block; width: 100%; height: 80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }



.paddingTop { padding-top: 1.95rem; }



/*遮罩效果*/

.zzImg { position: relative; width: 100%; overflow: hidden; }

.zzImg img { width: 100%; transform: scale(1); transition: transform .3s linear; }

.zzImg:hover img { transform: scale(1.2); transition: transform .3s linear; }



@keyframes backOpacity { 0% { opacity: 1; }

  25% { opacity: 0.5; }

  50% { opacity: 1; }

  75% { opacity: 0.5; }

  100% { opacity: 1; } }

.animation_opactiy { animation: backOpacity 2s ease-in-out infinite; }



.width1200 { width: 1200px; margin: 0 auto; }



@media all and (max-width: 1200px) { .width1200 { width: 1200px; } }

@media all and (max-width: 1300px) { .width1200 { width: 1200px; } }